<!-- 选择问卷模板 -->
<div class="container-fluid choice-main">

  <nav class="navbar navbar-default">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <h2>
        选择问卷模板
        <span>使用腾讯问卷提供的专业模板</span>
      </h2>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav navbar-right">
        <form class="navbar-form navbar-left" role="search">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="请输入关键字搜索模板">
          </div>
          <button type="submit" class="btn btn-primary">搜索</button>
        </form>
      </ul>
    </div>
    <!-- /.navbar-collapse -->
  </nav>

  <div class="row">
    <!-- 左边分类 -->
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-2">
      <div class="choice-type">
        <ul class="list-group">
          <li>
            <h2><i class="glyphicon glyphicon-list-alt"></i>场景分类</h2>
          </li>
          <li class="list-group-item">
            <span class="badge">24</span>
            调查
          </li>
          <li class="list-group-item">
            <span class="badge">10</span>
            Item 2
          </li>
          <li class="list-group-item">
            <span class="badge">15</span>
            Item 3
          </li>
          
          <li>
              <h2 class="bt"><i class="glyphicon glyphicon-indent-left"></i>行业分类</h2>
            </li>
            <li class="list-group-item">
              <span class="badge">24</span>
              调查
            </li>
            <li class="list-group-item">
              <span class="badge">10</span>
              Item 2
            </li>
            <li class="list-group-item">
              <span class="badge">15</span>
              Item 3
            </li>
            <li class="list-group-item">
                <span class="badge">24</span>
                调查
              </li>
              <li class="list-group-item">
                <span class="badge">10</span>
                Item 2
              </li>
              <li class="list-group-item">
                <span class="badge">15</span>
                Item 3
              </li>
        </ul>
      </div>
    </div>
    <!-- 中部列表 -->
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-5 choice-lsit">
      <!-- 列表 -->
      <ul class="list-group">
        <li class="list-group-item title">全部</li>
        <li class="list-group-item">PC端游，页游满意度问卷模板</li>
        <li class="list-group-item">双十一，电商促销行为对消费者的影响</li>
        <li class="list-group-item">员工满意度问卷模板</li>
        <li class="list-group-item">双十一电商促销活动的参与情况调查</li>
        <li class="list-group-item">国际标准智商测试问卷</li>
        <li class="list-group-item">情商测试问卷</li>
        <li class="list-group-item">网购用户的消费者的维权意识</li>
        <li class="list-group-item">网络商家的代运营需求调研</li>
        <li class="list-group-item">玩具网站用户满意度问卷模板</li>
        <li class="list-group-item">旅游网站用户小调查</li>
      </ul>
      <!-- 分页 -->
      <div class="mypage">
        <nav aria-label="Page navigation">
          <ul class="pagination">
            <li>
              <a href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li>
              <a href="#">1</a>
            </li>
            <li>
              <a href="#">2</a>
            </li>
            <li>
              <a href="#">3</a>
            </li>
            <li>
              <a href="#">4</a>
            </li>
            <li>
              <a href="#">5</a>
            </li>
            <li>
              <a href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>
      </div>
    </div>
    <!-- 右边详情 -->
    <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5 choice-detail">
      <!-- 列表-->
      <h2>社交网站满意度问卷模板</h2>
      <div class="mylist">
        <ul class="list-group">
          <li class="list-group-item">PC端游，页游满意度问卷模板</li>
          <li class="list-group-item">双十一，电商促销行为对消费者的影响</li>
          <li class="list-group-item">员工满意度问卷模板</li>
          <li class="list-group-item">双十一电商促销活动的参与情况调查</li>
          <li class="list-group-item">国际标准智商测试问卷</li>
          <li class="list-group-item">情商测试问卷</li>
          <li class="list-group-item">网购用户的消费者的维权意识</li>
          <li class="list-group-item">网络商家的代运营需求调研</li>
          <li class="list-group-item">玩具网站用户满意度问卷模板</li>
          <li class="list-group-item">旅游网站用户小调查</li>
          <li class="list-group-item">PC端游，页游满意度问卷模板</li>
          <li class="list-group-item">双十一，电商促销行为对消费者的影响</li>
          <li class="list-group-item">员工满意度问卷模板</li>
          <li class="list-group-item">双十一电商促销活动的参与情况调查</li>
          <li class="list-group-item">国际标准智商测试问卷</li>
          <li class="list-group-item">情商测试问卷</li>
          <li class="list-group-item">网购用户的消费者的维权意识</li>
          <li class="list-group-item">网络商家的代运营需求调研</li>
          <li class="list-group-item">玩具网站用户满意度问卷模板</li>
          <li class="list-group-item">旅游网站用户小调查</li>
        </ul>
      </div>
      <!-- 按钮 -->
      <div class="mybtn">
        <button type="button" class="btn btn-primary btn-lg btn-block">使用该模板创建问卷</button>
      </div>
    </div>
  </div>

</div>